WEB API

MutationObserver API

DOM の変更が行われたときに指定されたコールバック関数を呼び出す

//CODE

Intersection Observer API (交差監視 API)

参考：Intersection Observer API

//Intersection Observer APIの生成
//オプション
let options = {
  root: document.querySelector('#scrollArea'),
  rootMargin: '0px',
  threshold: 1.0
}
//コールバック
let callback = (entries, observer) => {
  entries.forEach(entry => {
    // Each entry describes an intersection change for one observed
    // target element:
    //   entry.boundingClientRect
    //   entry.intersectionRatio
    //   entry.intersectionRect
    //   entry.isIntersecting
    //   entry.rootBounds
    //   entry.target
    //   entry.time
  });
};
//Intersection Observer APIをセット
let observer = new IntersectionObserver(callback, options);

//Intersection Observer APIの実行
var target = document.querySelector('#listItem');
observer.observe(target);

Resize Observer API (リサイズ監視 API)

参考：Resize Observer API

参考：日本語解説

//Intersection Observer APIの生成
//オプション
Resize Observer API